<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
  <title>RosCMS Tutorial - Interface Basics - ReactOS Website</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta name="Content-language" content="en" />
  <meta name="Publisher" content="ReactOS Web Team" />
  <meta name="Copyright" content="ReactOS Foundation" />
  <meta name="Generator" content="RosCMS" />
  <meta name="Keywords" content="ReactOS, ros, operating system, OS, OSS, compatible, react os, clone, free, open source, alternative, open source os, GNU GPL, GPL, LGPL, forum, download, information, wiki, support database, support, faq, compatibility database, compatibility" />
  <meta name="Description" content="ReactOS&reg; is a free, modern operating system based on the design of Windows&reg; XP/2003. Written completely from scratch, it aims to follow the Windows&reg; architecture designed by Microsoft&reg; from the hardware level right through to the application level." />
  <meta name="Page-topic" content="operating system, computer, software, downloads, open source, alternative" />
  <meta name="Audience" content="all" />
  <meta name="Page-type" content="Operating System/Information/News/Open Source" />
  <meta name="Robots" content="index,follow" />
  <link rel="SHORTCUT ICON" href="../allnew/favicon.ico" />
  <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="newsfeed_rss.xml" />
  <link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="newsfeed_atom.xml" />
  <link href="../css/style.css" type="text/css" rel="stylesheet" />
  <!--[if IE]><link href="../css/ie.css" type="text/css" rel="stylesheet" /><![!endif] -->

  <link rel="stylesheet" href="../css/litebox.css" type="text/css" media="screen" />
  <script type="text/javascript" src="../js/litebox.js"></script>

  
</head>
<body onload="initLightbox()">
<div id="main">
<div id="header">
  <div id="headercontent">
    <a href="index.html" id="back" class="clearfix">
      <img id="logo" src="../img/logo.png" alt="ReactOS logo" />
      <img id="reactos" src="../img/ReactOS.png" alt="ReactOS" />
    </a>
    <div id="headerContext">
      <div id="lang">
        <span>English</span>
<ul>
<li><a href="../?page=tutorial_roscms_interface&amp;lang=bg">Bulgarian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ca">Català</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=cz">Czech</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=da">Danish</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=de">Deutsch</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=el">Ελληνικά</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=en">English</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=es">Español</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=fr">Français</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=he">Hebrew</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=hu">Hungarian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=id">Indonesian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=it">Italiano</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ja">日本語</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ko">Korean</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=lt">Lithuanian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=nl">Dutch</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=no">Norsk</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=pl">Polski</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=pt">Português</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ro">Romanian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ru">Русский</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=sk">Slovak</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=sv">Swedish</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=tw">Chinese (traditional)</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=uk">Ukrainian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=vi">Vietnamese</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=zh">中文</a></li></ul>
      </div>
      <div id="advertise">
        <a href="newbies.html">New to ReactOS?</a>
        <a href="[#dev_start]">Get involved!</a>
      </div>
    </div>
  </div>
</div>
<div id="Navigation">
  <div id="NavigationContent">
  <ul>
    <li>
      <a href="about.html">Info</a>
      <ul>
        <li><a href="news.html">News</a></li>
        <li><a href="about.html">About&nbsp;ReactOS</a></li>
        <li><a href="about_whyreactos.html">Why&nbsp;ReactOS</a></li>
        <li><a href="download.html">Download</a></li>
        <li><a href="about_userfaq.html">FAQ</a></li>
        <li><a href="sitemap.html">Sitemap</a></li>
      </ul>
    </li>
    <li>
      <a href="community.html">Community</a>
      <ul>
        <li><a href="news.html">Forum</a></li>
        <li><a href="[#cont_url_forum]">Wiki</a></li>
        <li><a href="community_mailinglists.html">Mailing&nbsp;List</a></li>
        <li><a href="community_irc.html">Chat</a></li>
        <li><a href="[#cont_url_peoplemap]">Peoplemap</a></li>
      </ul>
    </li>
    <li>
      <a href="dev.html">Development</a>
      <ul>
        <li><a href="dev_start.html">How&nbsp;to&nbsp;take&nbsp;part</a></li>
        <li><a href="[#cont_url_wiki]Testing_Introduction">Testing</a></li>
        <li><a href="[#cont_url_wiki]Building_ReactOS">Compile&nbsp;ReactOS</a></li>
        <li><a href="[#cont_url_wiki]Debugging">Debugging</a></li>
        <li><a href="[#cont_url_doxygen]">Doxygen</a></li>
        <li><a href="dev_faq.html">Developer&nbsp;FAQ</a></li>
        <li><a href="dev_svn.html">Sourcecode&nbsp;access</a></li>
      </ul>
    </li>
    <li id="contactus"><a href="contact.html">Contact Us</a></li>

    <li id="search">
      <form method="get" action="http://www.google.com/search">
        <fieldset>
        <label for="q" accesskey="s"></label>
        <input type="text" id="q" name="q" tabindex="0" size="13" maxlength="80" title="search" />
        <input type="hidden" name="sitesearch" value="http://www.reactos.org" />
        </fieldset>
      </form>
    </li>
  </ul>
  </div>
</div>
<table style="border:0" width="100%" cellpadding="0" cellspacing="0">
  <tr valign="top">
  <td style="width:147px" id="leftNav"> 
  <div class="navTitle">Navigation</div>
    <ol>
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">Info</a></li>
      <li><a href="community.html">Community</a></li>
      <li><a href="dev.html">Development</a></li>
      <li><a href="../roscms/?page=user">myReactOS</a></li>
    </ol>
  <p></p>


      <div id="ajaxsearchbar2" class="navTitle" style="display: none">Search</div>
      <ol>
        <li> 
			<div id="ajaxsearchbar" align="center"  style="display: none">
				<div align="center">
				<form method="get" action="http://www.google.com/search" style="padding:0;margin:0">
					<label for="q" accesskey="s"></label><input name="q" type="text" id="q" class="searchInput" tabindex="0" onkeyup="loadItemList(this.value,'rosweb','roscms_en','ajaxloadbar','sresultbar')" size="13" maxlength="80" style="font-family: Verdana; font-size: x-small; font-style: normal;" /><input name="domains" value="http://www.reactos.org" type="hidden" /><input name="sitesearch" value="http://www.reactos.org" type="hidden" />
					<input name="btnG" value="Go" type="submit" class="button" />
				</form>
				</div>
				<div id="sresultbar" style="display: none" align="left"></div>
				
			<img id="ajaxloadbar" src="../support/images/ajax_loading.gif" style="display: none"></div>
		</li>
      </ol>
	  <p></p>
 <div id="googlesearchbar" class="navTitle">Search</div>   
 <div id="googlesearchbar2" class="navBox"><form method="get" action="http://www.google.com/search" style="padding:0;margin:0">
  <div style="text-align:center;">
   <input name="q" value=""  size="12" maxlength="80" class="searchInput" type="text" tabindex="0"  /><input name="domains" value="http://www.reactos.org" type="hidden" /><input name="sitesearch" value="http://www.reactos.org" type="hidden" />
   <input name="btnG" value="Go" type="submit" class="button" />

  </div></form>
 </div>
<p></p>
<script type="text/javascript" language="javascript">
<!--
	document.getElementById('ajaxsearchbar').style.display = "block";
	document.getElementById('ajaxsearchbar2').style.display = "block";
	document.getElementById('googlesearchbar').style.display = "none";
	document.getElementById('googlesearchbar2').style.display = "none";
-->
</script>
<div class="navTitle">Language</div>  
	<div class="navBox"> 
		<span>English</span>
<ul>
<li><a href="../?page=tutorial_roscms_interface&amp;lang=bg">Bulgarian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ca">Català</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=cz">Czech</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=da">Danish</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=de">Deutsch</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=el">Ελληνικά</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=en">English</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=es">Español</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=fr">Français</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=he">Hebrew</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=hu">Hungarian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=id">Indonesian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=it">Italiano</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ja">日本語</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ko">Korean</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=lt">Lithuanian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=nl">Dutch</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=no">Norsk</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=pl">Polski</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=pt">Português</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ro">Romanian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=ru">Русский</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=sk">Slovak</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=sv">Swedish</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=tw">Chinese (traditional)</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=uk">Ukrainian</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=vi">Vietnamese</a></li><li><a href="../?page=tutorial_roscms_interface&amp;lang=zh">中文</a></li></ul>
	</div>
<p></p>


      </td>

    <td id="content"><div class="contentSmall">	

<h1><a href="index.html">Home</a> > RosCMS Tutorial - Interface Basics</h1>
<h2>RosCMS Tutorial - Interface Basics</h2>
<p>&nbsp;</p>
<h3>Content</h3>
<ul>
<li>Main Menu </li>
<li>Main Table</li>
<li>Tab Menu</li>
<li>Command Menu </li>
<li>Bookmark</li>
<li>Search</li>
<li>Navigation</li>
<li>Quick Info</li>
<li>Language  </li>
</ul>

<p>&nbsp;</p>
<h3>Main Menu</h3>
<p>The RosCMS main menu is located on top of the page (below the website main menu).</p>
<p>The main menu entries may differ depending on your account rights. The following screenshot shows the basic main menu. Additionally, just above the main menu, the account menu is located. Notice the username (blurred in this case), the page reload link followed by the logout link. Use the reload link to reload the current RosCMS page, in case that an (server, javascript or connection) error occur, or the page behaves slow. Some older browser may leak memory (e.g. bad javascript engine) and reloading the page may solve such problems, another way is to close the browser re-window. In either case make sure you save all your unfinished work, before you reload/reopen the RosCMS window.</p>
<p>Just for record, if you try to close the browser window/tab by mistake, RosCMS will catch that event and display an message box. You may ask yourself, why/how would someone close a window by mistake? Several computer mices have fast forward/backward buttons, some browser allow user to use keyboard short-cuts, the browser may restart due an update-process, etc. RosCMS will prevent data loss by watching for such events and let the user decide if he want to continue to work with RosCMS or close the window/tab.</p>
<p>To come back to the main menu, it will always consists of the following entries, &quot;Welcome&quot; and &quot;Website&quot;. Depending on your account rights, additional entries might be available. </p>
<p>Please always visit the &quot;Welcome&quot; page to gain the latest information about RosCMS status, translator group news and more. There you will find also contact information of language maintainers, etc., check it out today! </p>
<p><img src="../media/pictures/2007/roscms/menu_06.jpg" alt="main menu" width="810" height="79" /></p>
<p>ReactOS Website language maintainer for example will see the following main menu bar like this:</p>
<p><img src="../media/pictures/2007/roscms/menu_07.jpg" alt="main menu with more rights" width="338" height="54" /></p>
<p>&nbsp;</p>
<h3>Main Table </h3>
<p>RosCMS work area consists of mainly three parts:</p>
<ul>
  <li>main table</li>
  <li>command menu</li>
  <li>tab menu   </li>
</ul>
<p>The main table is a very important part and located on the right-bottom side (big grey table) and the command menu which is just above the main table work closely together. The tab menu is located on the left side. </p>
<p><img src="../media/pictures/2007/roscms/all_translator_sm_01.jpg" alt="work area" width="500" height="430" /></p>
<p>The main table consists of several of static column which will always be there, and some additional optional columns that will appear if they are needed. Advanced users will be able to add additional columns themself, if you want more about that please check out the advanced tutorial.</p>
<p>The first column contain a checkbox, it allows you to select several entries/rows of the main table, and perform an action (more about this later). You can also click on the gray part on the left next to the checkbox to select the entry/row; this allows you to select rows without having to hit exactly the small checkbox-pixels.</p>
<p>The second column is the star or better say bookmark column. You can bookmark entries to better organize your own private workflow, to do so, just click on a star. You will be able to use this bookmark flag in search/filter results and there is also a bookmark tab-menu entry, more about this later. </p>
<p>The third column displays the entry name and the fourth column the title or description of the entry.</p>
<p>Then optional columns may appear and the last column is always the date-column.</p>
<p><img src="../media/pictures/2007/roscms/table_01.jpg" alt="main table" width="632" height="72" /></p>
<p>You can click on rows to view the related entry, just make sure that you click on column third or onwards, as the first two columns have special meanings (see above). </p>
<p>Each entry row reflects its current status with a related background color. If you it's hard for you to differ the different colors it is of course possible to add an extra table column with the status information. Learn more about filters in another tutorial. </p>
<p><img src="../media/pictures/2007/roscms/legend_01.jpg" alt="main table legend" width="513" height="170" /></p>
<p>&nbsp;</p>
<h3>Tab Menu</h3>
<p>The tab-menu allows you to switch between different views on the main table. We are talking in this section about &quot;views&quot; in the meaing of &quot;view&quot; as &quot;view&quot; on a certain list of entries. </p>
<p><img src="../media/pictures/2007/roscms/menu_01.jpg" alt="tab menu" width="150" height="407" hspace="5" vspace="0" align="left" />The actual entries of the tab menu may differ in your case (depends on account rights), the screenshot shows the full tab menu with all its entries.</p>
<p>The &quot;New Entry&quot; link allows you to insert new entries, or even a bunch of new entries. More about this powerful insert methode later. Notice this function may not be available for you. If you want to add new entries, please ask someone with related rights. The first contact person should be the persons listed on the &quot;Welcome&quot; page (see above). </p>
<p>The &quot;New&quot; entry (don't confuse this with &quot;New Entry&quot;), shows all entries in the main table that the entry authors have marked as &quot;ready&quot; which mean they doubled checked their entry changes and are sure it is complete and ready to go online. So the &quot;New&quot; view is mainly for language maintainer who re-check each entry as one step before the mark it as stable (just for record, only &quot;stable&quot; entries are visible online). Additionally, this view is useful for authors of content to check the current status of his/her &quot;ready&quot; entries and to check for such entries of other, to avoid doing the same task as someone else has already done. Language maintainer may coordinate a bulk translation process, a translation update process or similar tasks. Check out the &quot;Welcome&quot; page for latest information, or coordinate with other users in the website or language forum on the website. Just for record, if you are a website translator the language maintainer(s) are the direct contact persons for you. If you are a language maintainer, the website admins are the contact persons. Nevertheless, these rules are more a guideline, and not meant to be extrem strict. </p>
<p>The next few entries are rather self-explaining. &quot;Content&quot; is especially useful for translators as it shows a view of the current selected language.</p>
<p>The translation view is covered in an extra tutorial, if you are an translator or want to translate an entry, make sure you have read it!</p>
<p>&quot;All Entries&quot; means it will show you all entries that you are allowed to read/view (it depends on your account rights). And no one will be able to view your private drafts, only stable, new or entries stables entries from the archive.</p>
<p>&quot;Bookmark&quot; view allow you to personally organize your workflow. You can attach private stars to every entry you choose. These entries will be listed in the bookmark view and can be accessed through filters (more about that in another tutorial).</p>
<p>&quot;Drafts&quot; view displays all your private drafts of entries. All entries you have altered will be located there until you mark them as &quot;ready&quot;. Please make sure that you have double checked the entry and you consider it as finished, and only then you should mark it as &quot;ready&quot; (to go online). The language maintainer will then decide if it is fine, and if so he mark it as stable. If the entry contains spelling mistakes or something else that isn't okay, he may either fix the entry him-/herself, let someone else fix it (e.g. forum thread, irc chanel), contact you directly, or delete it. </p>
<p>&quot;My Entries&quot; shows you all your entries and archive displays archived entries (previous stable entries that got replaced by newer stable entries). </p>
<p>The following three colored boxes can be expanded to gain more information, or quick links to useful functions. Note the state of the three boxes will be saved using cookies. So, if you for example dislike the &quot;Quick Info&quot; box, it will never bother you again. But if you really need it, it's just one click away to expand it again. For record, click on the box's caption to expand/shrink the box. More about this boxes will follow later.</p>
<p>&nbsp;</p>
<h3>Command Menu</h3>
<p>The command menu above the main table allows you to perform actions on the tables entries. </p>
<p><img src="../media/pictures/2007/roscms/menu_03.jpg" alt="command menu" width="643" height="80" /> </p>
<p>The &quot;Search &amp; Filters&quot; textbox allows you to search through the current view. You can also try to think that this box allows you to filter the current view to show only the entries that match the search-filter.</p>
<p>Please ignore the &quot;Filters&quot; link for now, it will be covered in another tutorial.</p>
<p>The language selection-box   is useful to switch the language quickly. To do so, select your favorite language and click on a tab menu entry. Notice, if you forget the last step, nothing will happen!</p>
<p>The next bunch of buttons and the following selection-box are the action-&quot;buttons&quot;. To use them, select one or more entries using the main table checkboxes, and hit one of the action buttons. Some action buttons require an exact number of selected entries (e.g. compare function needs exactly two entries). You will see an information box, if the action button has such requirements.</p>
<p><img src="../media/pictures/2007/roscms/info_01.jpg" alt="infobox" width="537" height="59" /></p>
<p>The selection links allow you to select on or more main table entries based on their status. So for example &quot;Stable&quot; will select all stable entries in the main table of the current view and current page. For record, it only select entries of the current page, that means if you want to select all entries of the current view and perform an action (usually not very useful), you have to perform that action for each page.</p>
<p>The navigation links will be covered later in its own section.</p>
<p>&nbsp;</p>
<h3>Bookmark </h3>
<p>&quot;Bookmark&quot; view allow you to personally organize your workflow. You can attach private stars to every entry you choose.</p>
<p>To bookmark (a bookmark is resambled as a star in RosCMS) an entry,  click on the star next to the entry's name. You can perform this action whenever you see a star.</p>
<p>To view all your bookmarks click on the bookmark menu entry in the tab menu. They can also be accessed through filters (more about that in another tutorial).</p>
<p>&nbsp;</p>
<h3>Search </h3>
<p>The &quot;Search &amp; Filters&quot; textbox allows you to search through the current view. You can also try to think that this box allows you to filter the current view to show only the entries that match the search-filter.</p>
<p>You will learn in other tutorials that you can combine them with filters and use it as powerful tool to find and manage entries. </p>
<p>&nbsp;</p>
<h3>Navigation </h3>
<p>The navigation of RosCMS is fairly simple and straight forward. It should be easy to understand that several navigation links allow you to go to the next page, the last page or go back to the previous view. </p>
<p><img src="../media/pictures/2007/roscms/nav_01.jpg" alt="page navigation" width="171" height="23" /> </p>
<p><img src="../media/pictures/2007/roscms/nav_02.jpg" alt="tion" width="170" height="28" /></p>
<p>If you have troubles with the navigation, have a look at the video tutorials. </p>
<p>&nbsp;</p>
<h3>Quick Info </h3>
<p>Remeber, the  three colored boxes can be expanded to gain more information, or quick links to useful functions. Note the state of the three boxes will be saved using cookies. </p>
<p>Hover the mouse cursor over an entry row in the main table, and the quick info box will show some extended information about the entry. This function might become very useful for you. Although, sometimes it might annoy you, you can shrink the box, in such cases. </p>
<p>&nbsp;</p>
<h3>Language</h3>
<p><img src="../media/pictures/2007/roscms/lang_01.jpg" alt="language selection-box" width="177" height="366" hspace="5" vspace="0" align="left" />The language selection-box   is useful to switch the language quickly. To do so, select your favorite language and click on a tab menu entry. Notice, if you forget the last step, nothing will happen! The language which is selected by default is the language that you have set in your myReactOS account settings. We recommend that you change your account language to your favorite language. This should also be the language to which you want to translate entries. In rare cases you may want to translate entries to other languages, in such cases you can use the language selection box.</p>
<p>&nbsp;</p>

<!-- Google AdSense - start -->
<script type="text/javascript"><!--
google_ad_client = "pub-8424466656027272";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text";
//2006-09-24: FrontPage #2
google_ad_channel ="4696317145";
google_color_border = "5984C3";
google_color_bg = "EEEEEE";
google_color_link = "000000";
google_color_text = "000000";
google_color_url = "006090";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- Google AdSense - end -->


</div>
</body>
</html><!-- Generated with RosCMS 4 (4.0.0 beta) - 2009-11-06 12:35:48 -->